// pages/shezhi/aerobicSection/aerobicSection.js

const app = getApp();

var utilH = require('../../../js/utilHeart.js');

Page({

    /**
     * 页面的初始数据
     */
    data: {
        aim_min: 60,
        aim_max: 120,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        var that = this
        that.setData({
            aim_min: app.globalData.aim.aim_min,
            aim_max: app.globalData.aim.aim_max,
        })
        that.canvasDraw()


    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    },
    canvasDraw: function () {

        var that = this

        const query = wx.createSelectorQuery().select('#canvas0')
            .fields({node: true, size: true})
            .exec((res) => {
                console.log(res)
                const canvas = res[0].node

                const ctx = canvas.getContext('2d')

                canvas.width = 1000;
                canvas.height = 1000;
                ctx.clearRect(0, 0, 1000, 1000);

                let x = 500
                let y = 500
                let r = 400

                ctx.beginPath()
                ctx.arc(x, y, r, 0.5 * Math.PI, 1.5 * Math.PI, true)
                ctx.fillStyle = '#FAB659'
                ctx.fill()
                ctx.closePath()

                ctx.beginPath()
                ctx.arc(x, y, r, 1.5 * Math.PI, 0.5 * Math.PI, true)
                ctx.fillStyle = '#FD764D'
                ctx.fill()
                ctx.closePath()

                let x1 = 500
                let y1 = 300
                let r1 = 200
                let r10 = 50

                ctx.beginPath()
                ctx.arc(x1, y1, r1, 0 * Math.PI, 2 * Math.PI, true)
                ctx.fillStyle = '#FAB659'
                ctx.fill()
                ctx.closePath()

                ctx.beginPath()
                ctx.arc(x1, y1, r10, 0 * Math.PI, 2 * Math.PI, true)
                ctx.fillStyle = '#FFF'
                ctx.fill()
                ctx.closePath()

                // ctx.beginPath()
                // ctx.font = '40px Defult'
                // ctx.fillStyle = 'black'
                // ctx.fillText('140', x1-32, y1+18)
                // ctx.closePath()

                let x2 = 500
                let y2 = 700
                let r2 = 200
                let r20 = 50

                ctx.beginPath()
                ctx.arc(x2, y2, r2, 0 * Math.PI, 2 * Math.PI, true)
                ctx.fillStyle = '#FD764D'
                ctx.fill()
                ctx.closePath()

                ctx.beginPath()
                ctx.arc(x2, y2, r20, 0 * Math.PI, 2 * Math.PI, true)
                ctx.fillStyle = '#FFF'
                ctx.fill()
                ctx.closePath()

                // ctx.beginPath()
                // ctx.font = '40px Defult'
                // ctx.fillStyle = 'black'
                // ctx.fillText('125', x2-32, y2+18)
                // ctx.closePath()
            })
    },
    inputT: function (e) {
        var value = e.detail.value
        var pos = e.detail.cursor
        var left
        if (pos !== -1) {
            // 光标在中间
            left = e.detail.value.slice(0, pos)
            // 计算光标的位置
            pos = left.replace(/11/g, '2').length
        }
        if (value > 250) {
            value = 250
        }

        this.saveAim(value, app.globalData.aim.aim_max)
        // 直接返回对象，可以对输入进行过滤处理，同时可以控制光标的位置
        return {
            value: value,
            cursor: pos
        }

    },
    inputB: function (e) {
        var value = e.detail.value
        var pos = e.detail.cursor
        var left
        if (pos !== -1) {
            // 光标在中间
            left = e.detail.value.slice(0, pos)
            // 计算光标的位置
            pos = left.replace(/11/g, '2').length
        }

        if (value > 250) {
            value = 250
        }
        this.saveAim(app.globalData.aim.aim_min, value)
        // 直接返回对象，可以对输入进行过滤处理，同时可以控制光标的位置
        return {
            value: value,
            cursor: pos
        }

        // 或者直接返回字符串,光标在最后边
        // return value.replace(/11/g,'2'),
    },
    saveAim: function (aimmin, aimmax) {
        var that = this
        if (aimmin < 110) {
            aimmin = 110
        }
        if (aimmin >= app.globalData.aim.aim_max) {
            aimmin = parseInt(app.globalData.aim.aim_max) - 10
        }
        if (aimmax <= app.globalData.aim.aim_min) {
            aimmax = parseInt(app.globalData.aim.aim_min) + 10
        }
        if (aimmax > 250) {
            aimmax = 250
        }

        let aim = {
            aim_min: parseInt(aimmin),
            aim_max: parseInt(aimmax),
        }

        utilH.setStorage('aim', aim, function (res) {
            that.setData({
                aim_min: app.globalData.aim.aim_min,
                aim_max: app.globalData.aim.aim_max,
            })

        })
    },
    toShuoming: function (e) {
        let value = e.currentTarget.dataset.val
        wx.navigateTo({
            url: "/pages/index/shuoming/shuoming?val=" + value
        })
    },

})
